<template>
  <div class="notice-basket">
    <div class="angle"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  mounted() {},
  computed: {},

  methods: {},
};
</script>

<style lang='less' scoped>
.notice-basket {
  cursor: default;
  width: 412px;
  height: 237px;
  background-image: linear-gradient(#fff, #fff),
    linear-gradient(#ccc, #ccc);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  position: absolute;
  top: 30px;
  left: -250px;
  z-index: 999;
  .angle {
    width: 1px;
    height: 1px;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    right: 145px;
    top: -16px;
  }
}
</style>
